﻿/* reset */
*{
    font:normal 12px arial;
    padding:0;
    margin:0;

}
html, body, form{
    height:100%;
    width:100%;
}

/* default layout */
.center {
    display:table;
    text-align:center;
}
.center .centercell {
    display:table-cell;
    vertical-align:middle;
}

.hidden {
    display:none;
}

.nowrap {
    white-space:nowrap;
}

.overhide {
    overflow:hidden;
}
*[disabled=''], .deselect {
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
  cursor:default;
}
.relative{
    position:relative;
    z-index:10;
}
.float{
    position:absolute;
    z-index:10;
}
.container{
    width:100%;
    height:100%;
}
.line{
    width:100%;
}
.column{
    height:100%;
}
.fixed{
    position:fixed;
    z-index:10;
}  

/* cell */
.cell{
    position:relative;
    min-height:24px;
}
.cell>.relative{
    position:relative;
    width:100%;
    height:100%;
}
.cell>.relative>.body{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
}
.cell.container{
    width:100%;
    height:100%;
    z-index:10;
}

/* flex */
.flex .ui-resizable-e, .flex .ui-resizable-s, .flex .ui-resizable-se, .flex .ui-resizable-m {
    height:6px;
    width:6px;
}
.flex .ui-resizable-m {
    top:0px;
    left:0px;
    cursor:move;
}
.flex .ui-resizable-e {
    top:45%;
    right:0px;
}
.flex .ui-resizable-s {
    left:45%;
    bottom:0px;
}
.flex .ui-resizable-se {
    right:0px;
    bottom:0px;
}

/* form */
.form{
    z-index:20;
    width:100px;
    height:200px;
}  
.form .container .background{

}
.form .container .caption{
    position:absolute;
    top:4px;
    left:4px;
    right:4px;
    padding-left:6px;
    padding-right:6px;
    line-height:24px;
    cursor:move;
}
.form .container .content{
    top:28px;
    left:4px;
    right:4px;
    bottom:4px;
    overflow:auto;
}
.form .container .resizer{
    right:0;
    bottom:0;
    width:12px;
    height:12px;
    cursor:se-resize;
    background:#808080;
    opacity: 0.01;
}

.thin.form .container .caption{
    top:0px;
    left:0px;
    right:0px;
}
.thin.form .container .content{
    top:24px;
    left:0;
    right:0;
    bottom:0px;
}

/* mask */
.mask {
}

/* Menu Item */
.menuitem {
    display:block;
    position:relative;
}
.menuitem.selected {
}
.menuitem[disabled=''],.menuitem[disabled=''] * {
    color:gray !important;
}
.menuitem > .itemarea {
    position:absolute;
    top:0;
    left:0;
    right:0;
    min-height:24px;
}
.menuitem>.itemarea>.lexp{
    position:absolute;
    top:3px;
    left:0px;
    width:16px;
    height:16px;
    background-repeat:no-repeat;
    display:none;
}
.menuitem>.itemarea>.rexp{
    position:absolute;
    top:3px;
    right:4px;
    width:16px;
    height:16px;
    background-repeat:no-repeat;
}
.menuitem >.itemarea> .rexp, .menuitem >.itemarea> .lexp, .menuitem >.itemarea> .link {
    cursor:pointer;
    float:left;
}
.menuitem>.itemarea>.rexp,.menuitem>.itemarea>.lexp{
    text-align:center;
}
.menuitem>.itemarea>.link{
    position:absolute;
    top:0;
    left:16px;
    right:24px;
    bottom:0;
    white-space:nowrap;
    overflow:hidden;
}
.menuitem > .subs {
    top:24px;
    margin-top:24px;
    margin-left:0px;
    margin-right:0px;
    padding-left:0px;
    line-height:24px;
    min-height:24px;
}
.thin.form .menuitem > .subs{
    margin-right:0px;

}
.subs .menuitem.lastone {
    border-bottom:solid 0px white;
}
.subs .menuitem {
    border-left:solid 0px white;
}
.clear {
    clear:both;
    height:0px;
    border:solid 0px white;
}

